
{style}{literal}
	.hidden-placeholder {
		display: none;
	}
		
	.dd_handle {
	   cursor: move;
	}
	
	.ow_dnd_freezed .dd_handle {
       cursor: default;
    }
	
	.component .action {
	       display: none;
	}
	
	.component .action .dd_delete {
	       display: none;
	}
	
	#place_components .clone .action .dd_delete {
	       display: inline;
	}
	
	.place_section .component .action .dd_delete {
	       display: inline;
	}
	
	#place_components .component {
		float: left;
	}
		
	.place_section .component {
		
	}
	
	.place_section {
	   min-height: 60px;
       padding-top: 10px;
	}
	
	.ow_dragndrop_panel .ow_dnd_schem_item{
	   width: 150px;
	}
	
	.ow_dnd_locked_section {
	    opacity: 0.5;
	    filter: alpha(opacity=50)
	}
	
	.ow_dnd_locked_section .ow_dnd_placeholder {
	    display: none;
	}
	
	.add_btn_cont {
        position: absolute;
        right: 0px;
        top: 0px;	   
	}
	
 {/literal}{/style}

 <div style="display: none" id="fb_settings">
     <div class="settings_title">
        {text key="base+widgets_fb_setting_box_title"}
     </div>
     <div class="settings_content component_settings" style="min-height: 300px;"></div>
     <div class="settings_controls component_controls">
         {decorator name="button" class="dd_save ow_ic_save" langLabel="base+edit_button"}
     </div>
 </div>

{block_decorator name='box' addClass='ow_highbox ow_stdmargin customize_box'}

    <div class="ow_center" style="position: relative">
        {decorator name='button' langLabel='base+widgets_finish_customize_btn' class='ow_ic_lock' id="goto_normal_btn"}
        <div class="add_btn_cont">
            <form style="display: inline;">
                {if $disableJs}
                    <input type="hidden" name="disable-js" value="0" />
                    {decorator name='button' type="submit" langLabel='base+widgets_enable_js' class='ow_ic_delete ow_mild_green'}
                {else}
	                <input type="hidden" name="disable-js" value="1" />
	                {decorator name='button' type="submit" langLabel='base+widgets_disable_js' class='ow_ic_delete ow_mild_green'}    
                {/if}
            </form>
            {decorator name='button' langLabel='base+widgets_reset_customization' class='ow_ic_delete ow_mild_red' id="reset_position_btn"}
        </div>
    </div>

    <div class="ow_dragndrop_panel">
		{block_decorator name='box_cap' iconClass='ow_ic_add' langLabel='base+widgets_section_box_title' type='empty'}{/block_decorator}
        {block_decorator name='box' type='empty' addClass='ow_smallmargin'}

	       <div class="clearfix">
	            <div class="ow_dnd_content_components ow_left clearfix" id="place_components">
	                {foreach from=$componentList.place item="component"}
	                    {dd_component uniqName=$component.uniqName}
	                {/foreach}
			   </div>
			   <div class="ow_dnd_clonable_components ow_right" id="clonable_components">
			        {foreach from=$componentList.clonable item="component"}
			            {dd_component uniqName=$component.uniqName}
			        {/foreach}
			   </div>
	        </div>

        {/block_decorator}
    </div>

{/block_decorator}

<div class="ow_dragndrop_sections ow_stdmargin" id="place_sections">

    <div class="clearfix">
	            
		<div class="ow_highbox place_section top_section" ow_place_section="top">
		
		    {if isset($componentList.section.top)}
		        {foreach from=$componentList.section.top item="component"}
		            {dd_component uniqName=$component.uniqName render=true}
		        {/foreach}
		    {/if}
		
		</div>
         
         <div class="clearfix" style="overflow: hidden;">
         
	        <div class="ow_left ow_highbox place_section ow_column_equal_fix left_section {if isset($activeScheme.leftCssClass)}{$activeScheme.leftCssClass}{/if}" ow_scheme_class="{if isset($activeScheme.leftCssClass)}{$activeScheme.leftCssClass}{/if}"  ow_place_section="left">
	
	            {if isset($componentList.section.left)}
                    {foreach from=$componentList.section.left item="component"}
                        {dd_component uniqName=$component.uniqName render=true}
                    {/foreach}
                {/if}
	            
            </div>
            
            <div class="ow_right ow_highbox place_section ow_column_equal_fix right_section {if isset($activeScheme.rightCssClass)}{$activeScheme.rightCssClass}{/if}" ow_scheme_class="{if isset($activeScheme.rightCssClass)}{$activeScheme.rightCssClass}{/if}"  ow_place_section="right">
                
                {if isset($componentList.section.right)}
                    {foreach from=$componentList.section.right item="component"}
                        {dd_component uniqName=$component.uniqName render=true}
                    {/foreach}
                {/if}
                
            </div>
                     
         </div>
         
	    <div class="ow_highbox place_section bottom_section" ow_place_section="bottom">
	    
            {if isset($componentList.section.bottom)}
                {foreach from=$componentList.section.bottom item="component"}
                    {dd_component uniqName=$component.uniqName render=true}
                {/foreach}
            {/if}
            
        </div>     
		         
	</div>
	   
</div>
